<!DOCTYPE html>
<html style="height: 100%">
<head>
   <meta charset="utf-8">
</head>
<body style="height: 100%; margin: 0">
<div id="container" style="height: 100%"></div>
<!--<script type="text/javascript" src="../plugins/leaflet-echarts3-master/libs/echarts.js"></script>-->
<script type="text/javascript" src="./plugins/echarts.js"></script>
<script type="text/javascript">
var dom = document.getElementById("container");
var myChart = echarts.init(dom);
var option = {
    xAxis: {
        type: 'category',
        boundaryGap: false,
        data: ['Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat', 'Sun']
    },
    yAxis: {
        type: 'value'
    },
    series: [{
        data: [820, 932, 901, 934, 1290, 1330, 1320],
        type: 'line',
        areaStyle: {}
    }]
};
if (option && typeof option === "object") {
    myChart.setOption(option, true);

    debugger;
    myChart.on('click', function (params) {
        debugger;
        console.log(params);
    });

}
</script>
</body>
</html>